<template>
	<view>


		<view class="information">
			<!-- 姓名 -->
			<view class="infor-item flex justify-start align-center">
				<view class="item1">
					姓名：
				</view>
				<view class="item2">
					<input type="text" class="item-input" placeholder="请输入姓名">
				</view>
			</view>

			<view class="infor-item flex justify-start align-center">
				<view class="item1">
					手机：
				</view>
				<view class="item2">
					<input type="text" class="item-input" placeholder="请输入手机">
				</view>
			</view>

			<view class="infor-item flex justify-start align-center">
				<view class="item1">
					小区名称：
				</view>
				<view class="item2">
					<input type="text" class="item-input" placeholder="请输入小区名称">
				</view>
			</view>

			<!-- 小区规模 -->
			<view class="infor-item flex justify-start align-center">
				<view class="item1">
					小区规模：
				</view>
				<view class="item2">
					<input type="text" class="item-input" placeholder="请输入小区规模">
				</view>
			</view>

			<view class="infor-item flex justify-start align-center">
				<view class="item1">
					小区地址：
				</view>
				<view class="item2">
					<input type="text" class="item-input" placeholder="请输入小区地址">
				</view>
			</view>

			<view class="infor-item flex justify-start align-center">
				<view class="item1">
					银行卡账号：
				</view>
				<view class="item2">
					<input type="text" class="item-input" placeholder="请输入银行卡账号">
				</view>
			</view>

			<!-- 姓名 -->
			<view class="infor-item flex justify-start align-center">
				<view class="item1">
					开户行姓名：
				</view>
				<view class="item2">
					<input type="text" class="item-input" placeholder="请输入开户行姓名">
				</view>
			</view>

			<view class="infor-item flex justify-start align-center">
				<view class="item1">
					开户行名称：
				</view>
				<view class="item2">
					<input type="text" class="item-input" placeholder="请输入开户行名称">
				</view>
			</view>

			<view class="infor-item flex justify-start align-center">
				<view class="item1">
					身份证号：
				</view>
				<view class="item2">
					<input type="text" class="item-input" placeholder="请输入身份证号">
				</view>
			</view>

		</view>

		<!-- 下一步 -->
		<view class="loginOut flex align-center justify-center" @click="jumpDeposit">
			<view class="btn">
				下一步
			</view>
		</view>
		
		<view class="text-btn">
			点击下一步，即表示已同意《社区合伙人协议》
		</view>


	</view>





</template>

<script>
	export default {
		data() {
			return {


			};
		},
		computed: {

		},
		mounted() {

		},
		methods: {
			jumpDeposit(){
				this.$mRouter.push({
					route: this.$mRoutesConfig.distribution.rechargeDeposit,
					query: {
						a: 1
					}
				})
			}





		}
	}
</script>

<style lang="scss">
	page {
		background-color: #eee;
	}

	// 用户信息
	.information {
		width: 750rpx;
		padding: 0 32rpx;
		background-color: white;

		.infor-item {
			width: 100%;
			height: 100rpx;
			border-bottom: 2rpx solid #EEEEEE;


			.item-code {
				.code {
					display: inline-block;
					width: 168rpx;
					height: 60rpx;
					line-height: 60rpx;
					border-radius: 36rpx;
					text-align: center;
					background: #d4237a;
					color: white;
					font-size: 26rpx;
				}
			}

			.item1 {
				width: 188rpx;
				height: 100rpx;
				line-height: 100rpx;
				text-align: justify;
				padding-left: 16rpx;
				font-size: 28rpx;
				font-weight: 500;
				color: #999999;
			}

			.item2 {
				flex: 3;

				.item-input {
					width: 100%;
					height: 100rpx;
				}
			}

			.img-right {
				width: 24rpx;
				height: 40rpx;
			}

		}

		.infor-item:last-child {
			border: none;
		}

	}

	// 退出登录
	.loginOut {
		width: 100%;
		height: 88rpx;
		margin-top: 56rpx;

		.btn {
			width: 660rpx;
			height: 75rpx;
			line-height: 75rpx;
			background: #d4237a;
			border-radius: 45rpx;
			text-align: center;
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 400;
			color: #FFFFFF;
		}
	}
	.text-btn{
		padding:32rpx;
		font-size: 28rpx;
		line-height: 48rpx;
		text-align: center;
	}
</style>
